<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      /* 如果让div内所有的p标签内的数据都是红色的除了考试不及格的以外那么要怎么处理 */
      /* 1. 正常写.然后fail覆盖*/
      /* 2. 伪类选择器 */
      /* 3. 否定伪类选择器 */
      /* 语法:not(需要排除的选择器逗号隔开) 排除满足括号中条件的元素*/
      div p:not(.fail, .cs) {
        color: red;
      }
      p:not([title="fail"]) {
        background-color: yellow;
      }
    </style>
  </head>
  <body>
    <div>
      <p class="success">张三</p>
      <p class="success">李四</p>
      <p class="cs">王五</p>
      <p class="fail">赵二</p>
      <p class="fail">刘关张</p>
      <p title="fail">刘刘汪</p>
    </div>
  </body>
</html>
